<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			/**/
			.line>li:first-child{
				background:#000000 ;
			}
			.line>li:nth-child(2n-1){
				background:#eee
			}
			.line>li:nth-child(2n){
				background:#000
			}
			/*匹配第一个li*/
			.line>li:first-of-type{
				background:pink ;
			}
			.line>li:nth-of-type(3){
				background: purple;
			}
			.ppp>p:only-child{
				background: lawngreen;
			}
			.line>li:lang(en){
				color: #EF4238;
			}
			html:root{
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div class="ppp">
			<p>斑马线1</p>
		</div>
		<ul class="line">
			<li lang="en">斑马线2</li>
			<li>斑马线3</li>
			<li>斑马线4</li>
			<li>斑马线5</li>
			<li>斑马线6</li>
			<li>斑马线7</li>
			<li>斑马线8</li>
			<li>斑马线9</li>
			<li>斑马线10</li>
		</ul>
	</body>
</html>
